<template>
  <el-row :gutter="20">
    <el-col :span="8">
      <!-- 智能客服输入 -->
      <el-card tabindex="-1" @blur="hide" shadow="hover" class="box-card">
        <IntelligentInput />
      </el-card>
    </el-col>
    <el-col :span="8">
      <!-- 训练数据 -->
      <el-card shadow="hover" class="box-card">
        <TrainingData />
      </el-card>

    </el-col>
    <el-col :span="8">
      <el-card shadow="hover" class="box-card">
        <dialogue />
      </el-card>
    </el-col>
  </el-row>
</template>

<script lang="ts" setup>
import IntelligentInput from "./components/intelligentInput.vue";
import TrainingData from "./components/trainingData.vue";
import dialogue from "./components/dialogue.vue";
const hide = () => {
  console.log('222');

}
</script>
<style  lang="scss" scoped>
.box-card {
  height: calc(100vh - 120px);
  position: relative;

}
</style>
